*{margin:0;padding:0;box-sizing:border-box;}

#heart{
    margin: 50px;
    position: relative;
    display: inline-block;
    transition:all 1s;
}

 #heart:hover{
   transform:scale(1.5);
 }

#heart>.bottom{
  width:50px;
  height:50px;
  border: 1px solid red;
  transform:rotate(45deg);
  background:red;
}

#heart>.left{
  width:50px;
  height:50px;
  border: 1px solid red;
  position:absolute;
  bottom:100%;
  right:100%;
  transform:rotate(45deg) translateX(40px);
  border-radius:50% 0 0 50%;
  background:red;
}

#heart>.right{
  width:50px;
  height:50px;
  border: 1px solid red;
  position:absolute;
  bottom:100%;
  left:100%;
  transform:rotate(45deg) translateY(40px);
  border-radius:50% 50% 0 0;
  background:red;
}


#min{
  margin: 50px;
  left:125px;
  position: absolute;
  display: inline-block;
  transition:all 1s;
}

#min:hover{
  transform:scale(1.5);
}

#min>.min-bottom{
  width:35px;
  height:35px;
  border: 1px solid blue;
  transform:rotate(45deg);
  background:blue;
}

#min>.min-left{
  width:35px;
  height:35px;
  border: 1px solid blue;
  position:absolute;
  bottom:100%;
  right:100%;
  transform:rotate(45deg) translateX(30px);
  border-radius:50% 0 0 50%;
  background:blue;
}

#min>.min-right{
  width:35px;
  height:35px;
  border: 1px solid blue;
  position:absolute;
  bottom:100%;
  left:100%;
  transform:rotate(45deg) translateY(30px);
  border-radius:50% 50% 0 0;
  background:blue;
}